<script setup lang="ts">
// html2vDom(html4)
import { pageConfig, pages, subPages } from 'virtual:mui-uni-pages'
// import { parseObjStr as yy } from './json6/parse3'
// import { parseObjStr as ss } from './json6/parse-obj.ts'
// import { parseObjStr } from './json6/parse-obj.js'
import gongan from '../public/image/gongan.png?base64'
import WeChat from '../public/image/WeChat.png?network'
// import * as json6 from './json6'
// import { parse } from './json5'
// import { html2vDom } from './json6/letex/myparse'
// import { parseObjStr as tt } from './json6/parseJson.js'
// import './json6/myparse2'
// import zhifubao from './assets/static/zhifubao.png?toBase64'
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import HelloWorld from './components/HelloWorld.vue'

console.log(pages)
console.log(subPages)

console.log(pageConfig)

// 示例 JSONC 内容
const jsoncContent = `
{
  // 这是一个注释
  "name": "example", // 行尾注释
  "version": "1.0.0",
  "description": "这是一个示例 JSONC 文件",
  /* 这是一个多行注释
     可以包含多行 */
  "dependencies": {
    "lodash": "^4.17.21"
  }
}
`

const html3 = `
<div class="commentItem__interaction_contaniner">
    <div class="commentItem__interaction">
        <button aria-label="89个点赞" type="button" agree class="commentItem__interaction__agree">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.096 2.5c1.973 0 3.313 1.823 2.944 3.6a3.027 3.027 0 0 1-.35.91l-.344.59h6.909a2 2 0 0 1 1.95 2.437l-1.929 8.618A3 3 0 0 1 16.35 21H3.753a1.5 1.5 0 0 1-1.5-1.5V9.1a1.5 1.5 0 0 1 1.5-1.5H6.41l2.607-4.479a1.25 1.25 0 0 1 1.08-.621ZM6.03 9.1H3.753v10.4H6.03V9.1Zm1.5 10.4h8.82a1.5 1.5 0 0 0 1.464-1.172l1.93-8.619a.5.5 0 0 0-.488-.609h-6.909a1.5 1.5 0 0 1-1.296-2.255l.343-.59a1.5 1.5 0 0 0-1.157-2.249L7.53 8.658V19.5Z" fill="#0C0D0F"></path></svg>
            <span>89</span>
        </button>
        <button class="commentItem__interaction__reply">回复</button>
    </div>
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" class="dotMoreAction_trigger commentItem__moreOptions"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 10.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.5.003a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM20 12a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" fill="#0C0D0F"></path></svg>
</div>
`
const html4 = `<div><div><div></div></div></div>`
</script>

<template>
  <!-- <img alt="Vue logo" :src="zhifubao" /> -->
  <!-- <img alt="Vue logo" src="/image/WeChat.png" /> -->
  <div class="test"></div>
  <div class="test2"></div>
  <img alt="Vue logo" src="./assets/static/zhifubao.png?network" />
  <img :src="WeChat" alt="" srcset="" />
  <img :src="gongan" alt="" srcset="" />
  <HelloWorld msg="Hello Vue 3 + Vite" />
</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

.test {
  width: 100px;
  height: 100px;
  background: url("./assets/static/logo.png?network");
  background-size: contain;
}

.test2 {
  width: 100px;
  height: 100px;
  background: url("./assets/static/zhifubao.png?network");
}
</style>
